<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>菜鸟教程</title>
	</head>
	<body>
		
		<p>一个图形</p>
		<img src="//www.runoob.com/imagine/logo.png" alt="runoob.com" width="336" height="69">
		<h4>图片使用css="top":</h4>
		<p>文本<img src="smiley.gif" alt="smiley face" aligen="top" width="32" height="32">这是一些文本。</p>
		<p><img src="smiley.gif" alt="Smiley face" style="float:right" width="32" height="32"> 一个带图片的段落，图片浮动在这个文本的右边。</p>
	</body>
</html>
